<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core">
<h:body>
	<ui:composition template="templates/applicationTemplate.xhtml">

		<ui:define name="content">
			<h:outputStylesheet library="css" name="content.css" target="body" />
			<div class="houseList">
				<ui:repeat var="haus" value="#{haeuserBean.haeuser}">
					<div class="houseEntry">
						<h:graphicImage value="/images/logo_100.png"
							styleClass="houseEntryIcon"></h:graphicImage>
						<div class="houseEntryText">
							<h:outputFormat value="{0} {1}, {2} {3}">
								<f:param value="#{haus.strasse}"></f:param>
								<f:param value="#{haus.hausnr}"></f:param>
								<f:param value="#{haus.plz}"></f:param>
								<f:param value="#{haus.ort}"></f:param>
							</h:outputFormat>
						</div>
					</div>
					<div class="clearer"></div>
				</ui:repeat>
			</div>
			<h:form id="addHouseButtonForm">
			<h:commandButton 
				value="Haus hinzufügen" 
				styleClass="buttonAddHouse"
				action="haeuserAddHaus"></h:commandButton>
			</h:form>
		</ui:define>
	</ui:composition>
</h:body>
</html>
